<!-- ############################# Ajax Page Container ############################# -->
<section id="page" data-title="Noisa - Elements">

	<!-- ############################# Intro ############################# -->
	<section class="intro-title section border-bottom" style="background-image: url(placeholders/blog-bg.jpg)">
		<h1 class="heading-l">Elements</h1>
		<!-- Overlay -->
		<span class="overlay animated-noise"></span>
	</section>
	<!-- /intro -->

	<!-- ############################# Content ############################# -->
	<section class="content section">
		<!-- container -->
		<div class="container">

			<!-- ############################# About US ############################# -->

			<!-- Article -->
			<article>

				<!-- row -->
	            <div class="row">
					<!-- column -->
	                <div class="col-1-2">
	                    <h3>Tracklist</h3>
	                    <!-- tracklist -->
		                <ol id="release-list" class="tracklist">
							<li>
								<div class="track-details">
									
									<a class="track sp-play-track" href="placeholders/mp3/adg3com_chuckedknuckles.mp3" data-cover="placeholders/release-image02.jpg">
										<!-- cover -->
										<img class="track-cover" src="img/cover.png" alt="Track cover">
										<!-- Title -->
										<span class="track-title">Chucked Nuckles</span>
										<!-- Artists -->
										<span class="track-artists">ADG3 Studios</span>
									</a>

									<div class="track-buttons">
										<a href="javascript:;" class="googleplus-share"><i class="icon icon-soundcloud"></i></a>
										<a href="javascript:;" class="googleplus-share"><i class="icon icon-download"></i></a>
									</div>
								</div>

							</li>
							<li>
								<div class="track-details">
									
									<a class="track sp-play-track" href="placeholders/mp3/adg3com_cloudlessdays.mp3" data-cover="placeholders/release-image03.jpg">
										<!-- cover -->
										<img class="track-cover" src="img/cover.png" alt="Track cover">
										<!-- Title -->
										<span class="track-title">Cloudlessdays</span>
										<!-- Artists -->
										<span class="track-artists">ADG3 Studios</span>
									</a>

									<div class="track-buttons">
										<a href="javascript:;" class="googleplus-share"><i class="icon icon-soundcloud"></i></a>
										<a href="javascript:;" class="googleplus-share"><i class="icon icon-download"></i></a>
									</div>
								</div>
							</li>
							<li>
								<div class="track-details">
									
									<a class="track sp-play-track" href="placeholders/mp3/adg3com_coreissues.mp3" data-cover="placeholders/release-image04.jpg">
										<!-- cover -->
										<img class="track-cover" alt="Track Cover" src="placeholders/release-image04.jpg">
										<!-- Title -->
										<span class="track-title">Core Issues</span>
										<!-- Artists -->
										<span class="track-artists">ADG3 Studios</span>
									</a>

									<div class="track-buttons">
										<a href="javascript:;" class="googleplus-share"><i class="icon icon-soundcloud"></i></a>
										<a href="javascript:;" class="googleplus-share"><i class="icon icon-download"></i></a>
									</div>
								</div>
							</li>
							<li>
								<div class="track-details">
									
									<a class="track sp-play-track" href="placeholders/mp3/adg3com_electrofreak.mp3" data-cover="placeholders/release-image05.jpg">
										<!-- cover -->
										<img class="track-cover" alt="Track Cover" src="placeholders/release-image05.jpg">
										<!-- Title -->
										<span class="track-title">Electro Freak</span>
										<!-- Artists -->
										<span class="track-artists">ADG3 Studios</span>
									</a>

									<div class="track-buttons">
										<a href="javascript:;" class="googleplus-share"><i class="icon icon-soundcloud"></i></a>
										<a href="javascript:;" class="googleplus-share"><i class="icon icon-download"></i></a>
									</div>
								</div>
							</li>
							<li>
								<div class="track-details">
									
									<a class="track sp-play-track" href="https://soundcloud.com/trapmusic/torture-by-jacuzzi-ft-mr">
										<!-- cover -->
										<img class="track-cover" alt="Track Cover" src="img/cover.png">
										<!-- Title -->
										<span class="track-title">Torture</span>
										<!-- Artists -->
										<span class="track-artists">Jacuzzi ft. Mr Carmack (From Soundcloud)</span>
									</a>

									<div class="track-buttons">
										<a href="javascript:;" class="googleplus-share"><i class="icon icon-soundcloud"></i></a>
										<a href="javascript:;" class="googleplus-share"><i class="icon icon-download"></i></a>
									</div>
								</div>
							</li>
						</ol>
						<p>
							<a href="javascript:;" class="btn invert sp-play-list" data-id="release-list">Play All Tracks</a>
							<a href="javascript:;" class="btn sp-add-list" data-id="release-list">Add All Tracks</a>
						</p>
		                <!-- /tracklist -->
	                </div>
	                <!-- /column -->
	                <!-- column -->
	                <div class="col-1-2 last">
	                    <h3>Blockquote</h3>
	                    <p>
	                        Sed luctus neque ac sem aliquam imperdiet. In quis porttitor tortor. Pellentesque scelerisque quam et quam pretium imperdiet. Aenean scelerisque tincidunt dolor et consectetur.
	                    </p>
	                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis tellus, sit amet elementum est. Proin posuere turpis lectus, eget vulputate erat. Nunc eget metus in magna vulputate elementum sed ut leo. Mauris at mauris purus, ut laoreet eros.</p>
	                    <blockquote>
	                        <p>
	                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu felis tellus, sit amet elementum est. Proin posuere turpis lectus, eget vulputate erat. Nunc eget metus in magna vulputate elementum sed ut leo. Mauris at mauris purus, ut laoreet eros. 
	                        </p>
	                    </blockquote>

	                </div>
	                <!-- /column -->
	            </div>
	            <!-- /row -->

	            <!-- divider -->
	            <hr class="divider"></hr>

				<!-- row -->
	            <div class="row">
	                <h3>Soundcloud</h3>
	                <iframe width="100%" height="300" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/58412967&amp;auto_play=false&amp;hide_related=false&amp;visual=true"></iframe>
	                <p>Phasellus ligula sem, laoreet luctus luctus sed, pharetra in mi. Aenean accumsan gravida convallis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus congue tellus lectus, quis sodales sem. Ut nec nisl id sem ultricies malesuada. Nunc eu justo mauris, non lobortis dolor. Nunc id condimentum leo.</p>
	            </div>
	            <!-- /row -->

	             <!-- divider -->
	            <hr class="divider"></hr>

				<!-- row -->
            <div class="row">
                <!-- column -->
                <div class="col-1-2">
                    <h3>Vimeo video</h3>
                    <!-- video -->
                    <iframe src="//player.vimeo.com/video/66171813?portrait=0&amp;color=ea4233" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                    <!-- /video -->
                </div>
                <!-- /column -->
                <!-- column -->
                <div class="col-1-2 last">
                    <h3>Youtube video</h3>
                    <!-- video -->
                    <iframe width="520" height="292" src="http://www.youtube.com/embed/eRsGyueVLvQ" frameborder="0" allowfullscreen></iframe>
                    <!-- /video -->
                </div>
                <!-- /column -->
            </div>
            <!-- /row -->

            <!-- divider -->
            <hr class="divider"></hr>
			
            <!-- row -->
            <div class="row">
                <!-- column -->
                <h3>Carousel Slider</h3>
               
                    <!-- Carousel slider -->
					<div id="blog-slider01" class="carousel-slider" data-effect="fadeUp" data-pagination="true" data-nav="true">
						<!-- Slide -->
						<div class="slide">
							<img src="placeholders/blog-entry-img01.jpg" alt="Blog Entry Image">
						</div>
						<!-- /slide -->
						<!-- Slide -->
						<div class="slide">
							<img src="placeholders/blog-entry-img02.jpg" alt="Blog Entry Image">
						</div>
						<!-- /slide -->
						<!-- Slide -->
						<div class="slide">
							<img src="placeholders/blog-entry-img03.jpg" alt="Blog Entry Image">
						</div>
						<!-- /slide -->
					</div>
					<!-- /Carousel slider -->
            </div>
            <!-- /row -->

        	<!-- divider -->
            <hr class="divider"></hr>

            <!-- row -->
            <div class="row">
                <h3>Images With Icons</h3>
                <!-- column -->
                <div class="col-1-3">
                    <!-- thumb with icon -->
                    <a href="placeholders/release-image01.jpg" class="imagebox thumb-icon" title="Album Cover">
                        <img src="placeholders/release-image01.jpg" alt="Image Title">
                        <span class="icon-wrap">
                            <!-- icon from icomoon -->
                            <span class="icon-images icon"></span>
                        </span>
                    </a>
                    <p>Image with icon and lightbox.</p>
                </div>
                <!-- /column -->
                <!-- column -->
                <div class="col-1-3">
                    <a href="placeholders/release-image02.jpg" class="thumb-icon imagebox tip" title="Album Cover">
                        <img src="placeholders/release-image02.jpg" alt="Image Title">
                         <span class="icon-wrap">
                            <!-- icon from icomoon -->
                            <span class="icon-image icon"></span>
                        </span>
                        <!-- tooltip -->
						<div class="tip-content hidden">
							<span>Animated ToolTip</span>
							Phasellus ligula sem, laoreet luctus luctus sed, pharetra in mi. Aenean accumsan gravida convallis.
						</div>
						<!-- /tooltip -->
                    </a>
                    <p>Image with animated tooltip.</p>
                </div>
                <!-- /column -->
                <!-- column -->
                <div class="col-1-3 last">
                    <a href="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F2999711&amp;color=ff7700&amp;auto_play=false&amp;show_artwork=true" class="thumb-icon mediabox tip" title="My Soundcloud playlist" data-width="auto" data-height="450">
                        <img src="placeholders/release-image03.jpg" alt="Image Title">
                        <span class="icon-wrap">
                            <!-- icon from icomoon -->
                            <span class="icon-soundcloud icon"></span>
                        </span>
                        <!-- tooltip -->
                        <div class="tip-content hidden">
                           Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. 
                        </div>
                        <!-- /tooltip -->
                    </a>
                    <p>Image with icon, tooltip and Soundcloud lightbox.</p>
                </div>
                <!-- /column -->
            </div>
            <!-- /row -->


            <!-- divider -->
            <hr class="divider"></hr>

            <!-- row -->
            <div class="row">
                <h3>Images With Glitch Effect</h3>
                <!-- column -->
                <div class="col-1-3">
                    <a href="placeholders/release-image01.jpg" class="thumb thumb-glitch imagebox" title="Album Cover" data-thumbicon="view">
                    	<span class="hoverlayer"></span>
						<span class="img">
							<img src="placeholders/release-image01.jpg" alt="Image Title" />
						</span>
                    </a>
                    <p>Image with icon and lightbox.</p>
                </div>
                <!-- /column -->
                <!-- column -->
                <div class="col-1-3">
                    <a href="placeholders/release-image02.jpg" class="thumb thumb-glitch imagebox tip" title="Album Cover" data-thumbicon="view">
                       	<span class="hoverlayer"></span>
						<span class="img">
							<img src="placeholders/release-image02.jpg" alt="Image Title" />
						</span>
                        <!-- tooltip -->
						<div class="tip-content hidden">
							<span>Animated ToolTip</span>
							Phasellus ligula sem, laoreet luctus luctus sed, pharetra in mi. Aenean accumsan gravida convallis.
						</div>
						<!-- /tooltip -->
                    </a>
                    <p>Image with animated tooltip.</p>
                </div>
                <!-- /column -->
                <!-- column -->
                <div class="col-1-3 last">
                    <a href="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F2999711&amp;color=ff7700&amp;auto_play=false&amp;show_artwork=true" class="thumb thumb-glitch mediabox tip" title="My Soundcloud playlist" data-width="auto" data-height="450" data-thumbicon="soundcloud">
                        <span class="hoverlayer"></span>
						<span class="img">
							<img src="placeholders/release-image03.jpg" alt="Image Title" />
						</span>
                        <!-- tooltip -->
                        <div class="tip-content hidden">
                           Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. 
                        </div>
                        <!-- /tooltip -->
                    </a>
                    <p>Image with icon, tooltip and Soundcloud lightbox.</p>
                </div>
                <!-- /column -->
            </div>
            <!-- /row -->

            <!-- row -->
            <div class="row">
                <h3>Images With Slide Effect</h3>
                <!-- column -->
                <div class="col-1-4">
                    <a href="placeholders/release-image01.jpg" class="thumb thumb-slide imagebox" title="Album Cover" data-thumbicon="view">
                    	<span class="thumbs-wrap">
							<img src="placeholders/release-image01.jpg" alt="Image Title" />
							<img src="placeholders/release-image01.jpg" alt="Image Title" />
						</span>
                    </a>
                    <p>Image with icon and lightbox.</p>
                </div>
                <!-- /column -->
                <!-- column -->
                <div class="col-1-4">
                    <a href="placeholders/release-image02.jpg" class="thumb thumb-slide imagebox tip" title="Album Cover" data-thumbicon="view">
                       	<span class="thumbs-wrap">
							<img src="placeholders/release-image02.jpg" alt="Image Title" />
							<img src="placeholders/release-image02.jpg" alt="Image Title" />
						</span>
                        <!-- tooltip -->
						<div class="tip-content hidden">
							<span>Animated ToolTip</span>
							Phasellus ligula sem, laoreet luctus luctus sed, pharetra in mi. Aenean accumsan gravida convallis.
						</div>
						<!-- /tooltip -->
                    </a>
                    <p>Image with animated tooltip.</p>
                </div>
                <!-- /column -->
                 <!-- column -->
                <div class="col-1-4">
                    <a href="placeholders/release-image02.jpg" class="thumb thumb-slide imagebox tip" title="Album Cover" data-thumbicon="view">
                       	<span class="thumbs-wrap">
							<img src="placeholders/release-image02.jpg" alt="Image Title" />
							<img src="placeholders/release-image02.jpg" alt="Image Title" />
						</span>
                        <!-- tooltip -->
						<div class="tip-content hidden">
							<span>Animated ToolTip</span>
							Phasellus ligula sem, laoreet luctus luctus sed, pharetra in mi. Aenean accumsan gravida convallis.
						</div>
						<!-- /tooltip -->
                    </a>
                    <p>Image with animated tooltip.</p>
                </div>
                <!-- /column -->
                <!-- column -->
                <div class="col-1-4 last">
                    <a href="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F2999711&amp;color=ff7700&amp;auto_play=false&amp;show_artwork=true" class="thumb thumb-slide mediabox tip" title="My Soundcloud playlist" data-width="auto" data-height="450" data-thumbicon="soundcloud">
                        <span class="thumbs-wrap">
							<img src="placeholders/release-image04.jpg" alt="Image Title" />
							<img src="placeholders/release-image04.jpg" alt="Image Title" />
						</span>
                        <!-- tooltip -->
                        <div class="tip-content hidden">
                           Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. 
                        </div>
                        <!-- /tooltip -->
                    </a>
                    <p>Image with icon, tooltip and Soundcloud lightbox.</p>
                </div>
                <!-- /column -->
            </div>
            <!-- /row -->

            <!-- divider -->
            <hr class="divider"></hr>

            <!-- row -->
            <div class="row">
                <h3>Buttons</h3>
                <p>
                    <a href="javascript:;" class="btn large">Button Large</a><a href="javascript:;" class="btn medium">Button Medium</a><a href="javascript:;" class="btn small">Button Small</a>
                </p>
                <p>
                    <a href="javascript:;" class="btn large invert">Inverted Button Large</a><a href="javascript:;" class="btn medium invert">Inverted Button Medium</a><a href="javascript:;" class="btn small invert">Inverted Button Small</a>
                </p>
                <h3>Button List</h3>

                <!-- Buttons list -->
				<ul class="buttons-list">
					<li>
						<a class="btn small" href="javascript:;" ><i class="icon icon-cart"></i> Buy This Theme on ThemeForest.net</a>
					</li>
					<li>
						<a class="btn small invert" href="javascript:;" ><i class="icon icon-cart"></i> Buy This Theme on ThemeForest.net</a>
					</li>
					<li>
						<a class="btn small dark" href="javascript:;" ><i class="icon icon-download"></i> Download Release</a>
					</li>

				</ul>
              
            </div>
            <!-- /row -->

            <!-- divider -->
            <hr class="divider"></hr>

            <!-- row -->
            <div class="row">
                <div class="col-1-3">
                    <h3>Tweets</h3>
                    <!-- twitter feed -->
                    <ul class="tweets" data-tweets-count="3">
                        <li>Oops, our Twitter feed is unavailable at the moment - <a href="javascript:;">Follow us on Twitter!</a></li>
                    </ul>   
                    <!-- /twitter feed -->
                </div>
                <div class="col-1-3">
                    <h3>Dropcap</h3>
                    <p><span class="dropcap">P</span> hasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus.</p>
                    <h3>Inverted dropcap</h3>
                    <p><span class="dropcap invert">P</span> hasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus.</p>
                </div>
                <div class="col-1-3 last">
                    <h3>Alert Boxes</h3>
                    <p class="error">Error - Integer tempus pretium!</p>
                    <p class="warning">Warning - Integer tempus pretium!</p>
                    <p class="info">Info - Integer tempus pretium!</p>
                    <p class="success">Success - Integer tempus pretium!</p>
                </div>

            </div>
            <!-- /row -->

            <!-- divider -->
            <hr class="divider"></hr>

            <!-- row -->
            <div class="row">
                <h3>Info Box</h3>
                <div class="info-box">
                    <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    <p class="text-center"><a href="javascript:;" class="btn invert medium">Button Text</a> </p>
                </div>
            </div>
            <!-- /row -->


            <!-- row -->
            <div class="row">
                <h3>Tabs and Toggle Content</h3>
                <!-- column -->
                <div class="col-1-2">
                     <!-- tabs -->
                    <div class="tabs-wrap">
                        <!-- tabs navigation -->
                        <ul class="tabs">
                            <li><a href="#tab-features" class="active-tab">Features</a></li>
                            <li><a href="#tab-videos">Videos</a></li>
                            <li><a href="#tab-screenshots">Screenshots</a></li>
                            <li><a href="#tab-support">Support</a></li>
                        </ul>
                        <!-- /tabs navigation -->
                        <!-- tab content -->
                        <div id="tab-features" class="tab-content">
                             <p>Suspendisse quis aliquam justo. Maecenas tristique imperdiet magna eu fermentum. Donec non enim purus, vel lobortis lacus. Nulla facilisi. Donec consectetur, turpis ac consequat mollis, odio leo pellentesque ipsum, sed mattis mauris elit ut elit. Ut dictum bibendum tortor, ut auctor nisl congue id. In mattis facilisis leo eget semper. Nullam mollis felis sed arcu fermentum luctus eget at velit.
                            </p>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nunc felis, scelerisque at sagittis volutpat, viverra eu odio. Integer tempus elementum rutrum. Praesent auctor faucibus libero a egestas.</p>
                        </div>
                        <!-- /tab content -->
                        <!-- tab content -->
                        <div id="tab-videos" class="tab-content">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nunc felis, scelerisque at sagittis volutpat, viverra eu odio. Integer tempus elementum rutrum. Praesent auctor faucibus libero a egestas.</p>
                            <p>Suspendisse quis aliquam justo. Maecenas tristique imperdiet magna eu fermentum. Donec non enim purus, vel lobortis lacus. Nulla facilisi. Donec consectetur, turpis ac consequat mollis, odio leo pellentesque ipsum, sed mattis mauris elit ut elit. Ut dictum bibendum tortor, ut auctor nisl congue id. In mattis facilisis leo eget semper. Nullam mollis felis sed arcu fermentum luctus eget at velit.
                            </p>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nunc felis, scelerisque at sagittis volutpat, viverra eu odio. Integer tempus elementum rutrum. Praesent auctor faucibus libero a egestas.</p>
                            <p>Suspendisse quis aliquam justo. Maecenas tristique imperdiet magna eu fermentum. Donec non enim purus, vel lobortis lacus. Nulla facilisi. Donec consectetur, turpis ac consequat mollis, odio leo pellentesque ipsum, sed mattis mauris elit ut elit. Ut dictum bibendum tortor, ut auctor nisl congue id. In mattis facilisis leo eget semper. Nullam mollis felis sed arcu fermentum luctus eget at velit.
                            </p>
                        </div>
                        <!-- /tab content -->
                        <!-- tab content -->
                        <div id="tab-screenshots" class="tab-content">
                            <p>Suspendisse quis aliquam justo. Maecenas tristique imperdiet magna eu fermentum. Donec non enim purus, vel lobortis lacus. Nulla facilisi. Donec consectetur, turpis ac consequat mollis, odio leo pellentesque ipsum, sed mattis mauris elit ut elit. Ut dictum bibendum tortor, ut auctor nisl congue id. In mattis facilisis leo eget semper. Nullam mollis felis sed arcu fermentum luctus eget at velit.
                            </p>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nunc felis, scelerisque at sagittis volutpat, viverra eu odio. Integer tempus elementum rutrum. Praesent auctor faucibus libero a egestas.</p>
                        </div>
                        <!-- /tab content -->
                        <!-- tab content -->
                        <div id="tab-support" class="tab-content">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nunc felis, scelerisque at sagittis volutpat, viverra eu odio. Integer tempus elementum rutrum. Praesent auctor faucibus libero a egestas.</p>
                            <p>Suspendisse quis aliquam justo. Maecenas tristique imperdiet magna eu fermentum. Donec non enim purus, vel lobortis lacus. Nulla facilisi. Donec consectetur, turpis ac consequat mollis, odio leo pellentesque ipsum, sed mattis mauris elit ut elit. Ut dictum bibendum tortor, ut auctor nisl congue id. In mattis facilisis leo eget semper. Nullam mollis felis sed arcu fermentum luctus eget at velit.
                            </p>
                        </div>
                        <!-- /tab content -->
                    </div>
                    <!-- /tabs -->
                </div>
                <!-- /column -->
                <!-- column -->
                <div class="col-1-2 last">
                    <!-- toggle -->
                    <div class="toggle">
                        <h4 class="toggle-title"> Maecenas tristique imperdiet</h4>
                        <div class="toggle-content">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nunc felis, scelerisque at sagittis volutpat, viverra eu odio. Integer tempus elementum rutrum. Praesent auctor faucibus libero a egestas.</p>
                        </div>
                    </div>
                    <!-- /toggle -->
                     <!-- toggle -->
                    <div class="toggle">
                        <h4 class="toggle-title active-toggle"> Sed nunc felis scelerisque at sagittis volutpat</h4>
                        <div class="toggle-content">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris feugiat dignissim hendrerit. Integer vitae nibh et odio elementum malesuada. Sed tempus sagittis lectus eu varius. Vestibulum et velit nec metus ultricies dapibus quis ut eros. Etiam in lorem a eros congue fermentum lacinia eu felis. Donec iaculis nisl quis risus congue viverra. Suspendisse quis aliquam justo.</p>

                            <p>Maecenas tristique imperdiet magna eu fermentum. Donec non enim purus, vel lobortis lacus. Nulla facilisi. Donec consectetur, turpis ac consequat mollis, odio leo pellentesque ipsum, sed mattis mauris elit ut elit. Ut dictum bibendum tortor, ut auctor nisl congue id. In mattis facilisis leo eget semper. Nullam mollis felis sed arcu fermentum luctus eget at velit.</p>
                        </div>
                    </div>
                    <!-- /toggle -->
                     <!-- toggle -->
                    <div class="toggle">
                        <h4 class="toggle-title"> Mattis mauris elit ut elit</h4>
                        <div class="toggle-content">
                            <p>Suspendisse quis aliquam justo. Maecenas tristique imperdiet magna eu fermentum. Donec non enim purus, vel lobortis lacus. Nulla facilisi. Donec consectetur, turpis ac consequat mollis, odio leo pellentesque ipsum, sed mattis mauris elit ut elit. Ut dictum bibendum tortor, ut auctor nisl congue id. In mattis facilisis leo eget semper. Nullam mollis felis sed arcu fermentum luctus eget at velit.</p>
                        </div>
                    </div>
                    <!-- /toggle -->
                     <!-- toggle -->
                    <div class="toggle">
                        <h4 class="toggle-title"> Dictum bibendum tortor</h4>
                        <div class="toggle-content">
                            <p>Vestibulum et velit nec metus ultricies dapibus quis ut eros. Etiam in lorem a eros congue fermentum lacinia eu felis. Donec iaculis nisl quis risus congue viverra.</p>
                        </div>
                    </div>
                    <!-- /toggle -->
                </div>
                <!-- /column -->
            </div>
            <!-- /row -->


			</article>
			<!-- /article -->

		</div>
		<!-- /container -->
	</section>
	<!-- /Content -->

</section>
<!-- /page -->